<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>
<head>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="Pragma" content="no-cache">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link href="css/bksystem.css" rel="stylesheet" type="text/css" />
    <link href="font/iconfont.css" rel="stylesheet" type="text/css" />
    <link href="css/module.css" rel="stylesheet" type="text/css" />
    <link href="css/pages.css" rel="stylesheet" type="text/css" />
    <title>订单管理</title>
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="js/HUpages.js" type="text/javascript"></script>
    <script src="js/template.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js" type="text/javascript"></script>
    <script src="js/css3-mediaqueries.js"  type="text/javascript"></script>
    <![endif]-->
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #F5F5F5;
            margin: 0;
            padding: 20px;
            height: 100%;
        }

        h1 {
            font-weight: bold;
            color: #333;
            margin-bottom: 30px;
        }

        form {
            margin-bottom: 20px;
        }

        label {
            display: inline-block;
            width: 120px;
            text-align: right;
            margin-right: 10px;
            font-weight: bold;
            font-size: 20px;
        }

        input[type="text"],
        select {
            padding: 5px;
            border: 1px solid #999;
            border-radius: 3px;
        }

        input[type="submit"],
        input[type="button"] {
            padding: 8px 16px;
            font-weight: bold;
            background-color: #007BFF;
            color: #FFF;
            border: none;
            border-radius: 3px;
            cursor: pointer;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        th, td {
            padding: 8px;
            border-bottom: 1px solid #DDD;
            text-align: center;
        }

        th {
            background-color: #f2f2f2;
            font-weight: bold;
        }

        tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        body {
            overflow-y: scroll;
        }
    </style>
</head>
<body>
<h1>订单详情</h1>
<form action="pages.jsp">
    <table>
        <tr>
            <th>订单详细编号</th>
            <th>商品编号</th>
            <th>订单编号</th>
            <th>商品原价</th>
            <th>优惠价</th>
            <th>商品名称</th>
            <th>购买数量</th>
            <th>取餐时间</th>
        </tr>
        <c:forEach var="item" items="${list}">
            <tr>
                <td>${item.detailsId} </td>
                <td>${item.snacksId}</td>
                <td>${item.orderBiaoId}</td>
                <td>${item.originAmount}</td>
                <td>${item.price}</td>
                <td>${item.name}</td>
                <td>${item.number}</td>
                <td>${item.pusersTime}</td>;
            </tr>
        </c:forEach>
    </table>
    <input type="submit" value="返回">
</form>
</body>
</html>